<template>
	<view v-show="show" class="attenTion f-c " v-if="styles.status == 1 ? true : false">
		<image :src="styles.img == '' ? img : styles.img" mode="aspectFill"></image>
		<view>{{ styles.text }}</view>
		<view @tap="add" class="attenImg"><image src="../../../static/tubiao/guanbi.png" mode=""></image></view>
	</view>
</template>
<script>
export default {
	name: 'attenTion',
	data() {
		return {
			img: '../../../static/tubiao/xuanfu.png',
			show: true
		};
	},
	methods: {
		add() {
			this.show = false;
		}
	},

	props: ['styles'],
	mounted() {
		
	}
};
</script>
<style lang="scss" scoped>
.attenTion {
	width: 100%;
	padding: 10upx;
	background: #ffffff;
	position: relative;
	& > view:nth-child(2) {
		margin-left: 20upx;
		font-size: 30upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
	}
	image {
		width: 60upx;
		height: 60upx;
		border-radius: 50%;
		display: flex;
	}
	.attenImg {
		position: absolute;
		right: 20upx;
		image {
			width: 40upx;
			height: 40upx;
		}
	}
}
</style>
